.account-detail-page {
	background: #F6F6F6;
	box-sizing: border-box;
	min-height: 100vh;
	overflow-y: auto;
	.header-img {
		width: 750px;
		height: 800px;
		margin-bottom: 24px;
	}

	.account-info {
		background: #FFF;
		border-radius: 20px;
		margin: 40px 32px;
		&-header {
			display: flex;
			align-items: center;
			padding: 32px;
		}
	
		&-header-title {
			font-size: 32px;
			color: #333;
		}

		&-header-content {
			flex: 1;
		}

		&-header-id {
			color: #FFF;
			background: #b380e8;
			font-size: 24px;
			line-height: 24px;
			padding: 8px 24px;
			border-radius: 20px;
			margin-left: 16px;
			display: inline-block;
		}

		&-header-edit {
			font-size: 1;
			color: #b380e8;
			background: #ecdcfe;
			font-size: 24px;
			line-height: 24px;
			padding: 8px 24px;
			border-radius: 20px;
			text-align: right;
			float: right;
			margin-left: 16px;
		}
	
		&-body {
			padding: 0px 32px 32px 32px;
		}
	}

	.account-info-group {
		display: flex;
		align-items: center;

		&-id {
			font-size: 24px;
			color: #666;
			margin-right: 24px;
		}

		&-address {
			font-size: 24px;
			color: #666;
		}
	}

	.card {
		background: #FFF;
		border-radius: 20px;
		margin: 40px 32px;
		&-header {
			display: flex;
			align-items: center;
		}
	
		&-header-title {
			font-size: 32px;
			color: #333;
			padding: 32px;
		}
	
		&-body {
			padding: 0px 32px 32px 32px;
		}
	}
	
	.grid {
		display: flex;
		flex-wrap: wrap;
	
		&-item {
			width: 33.333333%;
		}
	}
	
	.prove-item {
		text-align: center;
		display: flex;
		align-items: center;
		flex-direction: column;
		padding: 16px 0;
		.icon-wrap {
			position: relative;
			background: #ccc;
			height: 100px;
			width: 100px;
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.icon-wrap.shenfenrenzheng {
			background: #607fec;
		}

		.icon-wrap.zhengjian {
			background: #efa077;
		}

		.icon-wrap.xuelishuiping {
			background: #a4da76;
		}
	
		&-text {
			text-align: center;
			margin-top: 12px;
			font-size: 24px;
			color: #6b6a70;
		}
	}
	
	.prove-item.active {
		// .icon-wrap {
		// 	background: #627dfa;
		// }
	
		// .prove-item-text {
		// 	color: #627dfa;
		// }
	}

	.swiper-photos {
		height: 938px;
		&-item {
			width: 100%;
			height: 938px;
		}
	
		&-item-img {
			height: 100%;
			width: 100%;
			display: block;
		}
	}


	.info-tag {
		background: #FFF;
		display: inline-flex;
		align-items: center;
		margin-right: 20px;
		background: #f7f7f7;
		color: #666;
		font-size: 26px;
		line-height: 26px;
		border-radius: 8px;
		padding: 10px 18px;
		margin-bottom: 24px;
		iconfont:first-child {
			margin-right: 10px;
		}
	}

	.fix-btns {
		position: fixed;
		display: flex;
		flex-direction: column;
		bottom: 120px;
		right: 50px;
		z-index: 44;

		&-item {
			height: 100px;
			width: 100px;
			background: #b380e8;
			margin-bottom: 32px;
			border-radius: 50px;
			display: flex;
			align-items: center;
			flex-direction: column;
			justify-content: center;
			font-size: 24px;
			color: #FFF;
			line-height: 24px;
			padding: 0;
		}

		&-text {
			font-size: 20px;
			margin-top: 4px;
		}
	}
}